<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        window.onload = function(){
        // 获取body元素
        var body = document.body;
        // alert(body);
        // 获取html元素
        var html = document.html;
        // alert(html);
        // 获取页面中的所有元素
        var all = document.all;
        // alert(all.length);

        // 通过class属性值获取一组元素节点对象
        var box1 = document.getElementsByClassName("box1");
        // console.log(box1[0].innerHTML);
        // 通过css选择器获取一个元素节点对象
        var box1div = document.querySelector(".box1 div");
        console.log(box1div.innerHTML);
        // 通过css选择器获取一组元素节点对象
        var div = document.querySelectorAll("div");
        console.log(div[2].innerHTML);
        };
         
    </script>
</head>
<body>
    <div class="box1">
        我是box1
        <div>我是box1下的div</div>
    </div>
    <div class="box2">我是box2</div>
</body>
</html>